// import './assets/main.css'      // 引入 main.css 样式文件
// 采用vite引入 main.css 样式文件
import '@/assets/main.css' 

import { createApp } from 'vue' // 引入 createApp 方法

// 引入全局状态管理 Pinia
import pinia from '@/stores'

// import App from './App.vue'     // 引入 App.vue 组件
import App from '@/App.vue'

// 导入 Element Plus 图标
import * as ElementPlusIconsVue from '@element-plus/icons-vue'

// 导入Animate.css
import 'animate.css';

// 引入 nprogress 的 css 文件：
import 'nprogress/nprogress.css'

// 导入路由
// import router from './router'
import router from '@/router'

// 导入全局路由守卫
import '@/permission'

// 图片点击放大
import 'viewerjs/dist/viewer.css'
import VueViewer from 'v-viewer'

// 创建应用，并将 App 根组件挂载到 <div id="#app"></div> 中
// createApp(App).mount('#app')
const app = createApp(App)

// 应用路由
app.use(router)
// 应用pinia
app.use(pinia)
app.use(VueViewer)
// 引入 Element Plus 图标
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
    app.component(key, component)
}

app.mount('#app')